html {
	font-size: 62.5%;
	padding: 0;
	margin: 0;
	font-family: "微软雅黑" arial;
}

body {
	padding: 0;
	margin: 0;
}

body {
    padding-top: constant(safe-area-inset-top);   //为导航栏+状态栏的高度 88px            
    padding-left: constant(safe-area-inset-left);   //如果未竖屏时为0                
    padding-right: constant(safe-area-inset-right); //如果未竖屏时为0                
    padding-bottom: constant(safe-area-inset-bottom);//为底下圆弧的高度 34px       
}
div{
	box-sizing: border-box;
	/*border: 0.5px solid red;*/
}
.wrap {
	position: relative;
	max-width: 1080px;
	margin: 0 auto;
	background-color: #f2f2f2;
}

ul,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}
.head{
	width: 100%;
	height: 11.11vw;
	background-color: #faac14;
	display: flex;
	flex: 1;
	align-items: center;
	position: fixed;
	top:0.0vw;
}
.head_left img{
	width: 100%;
	height: 100%;
}
.head_left{
	width:2.5vw ;
	height: 4.9vw;
	margin-left: 4.63%;
}
.head_middle{
	margin-left: 33.3%;
}
.head_middle span{
	font-size: 4.44vw;
	color:#ffffff;
}
.head_right img{
	width: 100%;
	height: 100%;
}
.head_right{
	margin-left: 32%;
	width:5.28vw ;
	height: 5.56vw;	
}
.swiper-container{
	margin-top: 11.1vw;
}
.swiper-slide img{
	width: 100%;
	height: 100%;
}
.swiper-slide{
	display: flex;
}
.figure{
	background: white;
}
.figure_top{
	width: 100vw;
	height: 6.48vw;
	
}
.figure_title{
	width:90%;
	height: 100%;
	margin-left: 4.63%;
	display: flex;
	align-items: center;
	border-bottom: 2px solid #f2f2f2;
}
.figure_title span{
	font-size:3.8vw ;
	letter-spacing:2px ;
	color: #333333;
	margin-left: 2.78vw;
}
.figure_bottom{
	width:90%;
	margin-left: 4.63%;
	display: flex;
	align-items: center;
	margin-top:4.5vw ;
	padding-bottom:2.0vw ;
}
.figure_bottom_left{
	width: 9.26vw;
	height: 9.26vw;
}
.figure_bottom_left img{
	width: 100%;
	height: 100%;
}
.figure_bottom_middle{
	margin-left: 1.85%;
	height:9.26vw;
}
.one span{
	font-size:4.0vw ;
	letter-spacing:0.37vw ;
	line-height: 3.7vw;
	color: #333333;
}
.two span{
	font-size:3.5vw ;
	letter-spacing:0.278vw ;
	line-height: 3.7vw;
	color: #808080;
}
.one{
	margin-top: 1%;
}
.two{
	margin-top: 3%;
}
.figure_bottom_right{
	position: absolute;
	left: 92.4%;
	width:1.85vw;
	height: 3.89vw;
}
.figure_bottom_right img{
	width: 100%;
	height: 100%;
}
.article{
	margin-top: 2.78vw;
	background-color: white;
}
.article_title{
	width: 90%;
	height: 14.8vw;
    margin-left: 4.63%;
    padding-top: 2.3vw;
    border-bottom: 2px solid #f2f2f2;
}
.article_title_top span{
	font-size: 3.7vw;
	letter-spacing: 0.185vw;
	
}
.article_title_bottom{
	margin-top: 2.3vw;
	display: flex;
	align-items: center;
	justify-content: space-between; 
}
.one01 span,.two02 span,.three03 span,.four04 span{
	font-size: 3.22vw;
	color: #8c8c8c;
	letter-spacing: 1px;
}
.one01,.two02,.three03,.four04{
	display: flex;
	align-items: center;
}
.two02 span,.three03 span,.four04 span{
	margin-left: 1.48vw;
}
.two021 img,.three021 img,.four021 img{
	 width: 100%;
	 height: 100%;
}
.two021,.three021,.four021{
	    width: 3.33vw;
    height: 3.0vw;
}
.article_body{
	width: 90%;
    margin-left: 4.63%;
    margin-top: 2.3vw;
    padding-bottom: 4.3vw
}
.article_body span{
	font-size: 4.0vw;
    line-height: 6.0vw;
	letter-spacing: 1px;
	color: #595959;
	text-align: left;
	margin-bottom: 2.3vw;
}
.comment{
	margin-top: 2.3vw;
	background-color: white;
	margin-bottom: 0vw;
}
.comment_title{
	width: 100%;
	height:9.26vw ;
	background-color: white;
	border-bottom: 2px solid #f2f2f2;
}
.comment_title_top{
	width: 90%;
	height:9.26vw ;
    margin-left: 4.63%;
    display: flex;
    align-items: center;
}
.comment_title_top_leftimg{
	width: 0.74vw;
	height:4.33vw;
}
.comment_title_top_leftimg img{
	width: 100%;
	height: 100%;
}
#span01{
	font-size: 3.8vw;
	line-height:3.056vw ;
	letter-spacing: 2px;
	margin-left: 2.78vw;
}
#span02{
	font-size: 3.5vw;
	line-height:3.056vw ;
	letter-spacing: 1px;
	color: #999999;
	margin-left:73.5%;
}
.comment_title_top_rightimg{
	width:1.02vw ;
	height:2.85vw ;
	margin-left:2.78vw ;
}
.comment_title_top_rightimg img{
	width: 100%;
	height: 100%;
	
}
.comment_body01{
	width: 90%;
    margin-left: 4.63%;
    display: flex;
    /*align-items: center;*/
    border-bottom: 2px solid #f2f2f2;
}
.comment_body01_left{
	width:11.11vw ;
}
.comment_body01_img{
	float: left;
	width:11.11vw ;
	height:11.11vw ;
	margin-top:2.3vw ;
}
.comment_body01_left img{
	width: 100%;
	height: 100%;
}
.p01{
	font-size: 3.5vw;	
	letter-spacing: 2px;
	line-height: 3.0vw;
	color: #db9712;
	text-align: left;
	margin:2.3vw 0.0vw 2.3vw 4.63vw;
}
.p02{
	font-size: 3.5vw;	
	letter-spacing: 1px;
	line-height: 3.3vw;
	color: #666666;
	text-align: left;
	margin:0.0vw 0.0vw 2.3vw 4.63vw;
}
.comment_body01_right_middle{
	margin-left: 4.63%;
	background-color:#f5edde ;
	margin-bottom:2.77vw ;
	padding: 1.94vw 0.0vw 1.94vw 2.78vw;
}
.p03,.p04{
	font-size: 3.5vw;	
	letter-spacing: 1px;
	line-height: 4.5vw;
	color: #666666;
	text-align: left;
}
.p03{
	color: #db9712;
}
.comment_body01_right_bottom{
	display: flex;
	justify-content: space-between;
	margin-left:2.63% ;
	margin-bottom:2.77vw ;
	align-items: center;
}
.comment_right_bottom_one,.comment_right_bottom_two,.comment_right_bottom_three{
	display: flex;
	align-items: center;
}
.comment_right_bottom_two_img,.comment_right_bottom_three_img{
	width:3.04vw ;
	height:3.13vw ;
	margin-top: 1.0vw;
}
.comment_right_bottom_two_img img,.comment_right_bottom_three_img img{
	width:100%;
	height:100%;
}
.comment_right_bottom_one span,.comment_right_bottom_two span,.comment_right_bottom_three span{
	font-size:3.0vw ;
	line-height:3.056vw;
	letter-spacing:1px;
	margin-left:1.85vw;
	color: #999999;
}
.bg{
	width: 100%;
	height: 2.3vw;
	background: #f2f2f2;
	margin-bottom: 14vw;
}
.foot{
	position: fixed;
	margin-top: 2.78vw;
	bottom: 0.0vw;
	width: 100%;
	background-color: white;
	display: -webkit-flex;
	border-top:2px solid #59666666;
	z-index: 9999;
}
.foot_right,.foot_left{
	width: 50%;
	height: 13.89vw;
}
#dianzan{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	background: white;
	outline: none;
}

.comment_img{
	width: 4.8vw;
	height: 4.8vw;
	margin-left: 35%;
}
.comment_img img{
	width: 100%;
	height: 100%;
}
.comment_font span{
	margin-left: 3.2vw;
	font-size:3.7vw ;
	letter-spacing:2px ;
	color:#4d4d4d ;
}
.foot_left{
	border-right: 0.5px solid #bfbfbf;
}
.foot_right{
	border-left: 0.5px solid #bfbfbf;
}
.love{
	width: 4.8vw;
	height: 4.8vw;
	margin-left: 35%;
}
.love img{
	width: 100%;
	height: 100%;
}
.love_font span{
	margin-left: 3.2vw;
	font-size:3.7vw ;
	letter-spacing:2px ;
	color:#4d4d4d ;
}
button{
	border: none;
}

.inner{
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: #7F7F7F;
	opacity: 0.5;
	z-index: 1;
	top: 0;
	
}

.max{
	position: fixed;
	z-index: 5;
    left: 4.5vw;
    bottom: 18.0vw;
}
.share02{
	width: 91.67vw;
    height: 42.78vw;
    border-radius: 10px;
    background-color: white;
}
.share02_top01{
	display: -webkit-flex;
    align-items: center;
    justify-content: center;
    font-size: 4.26vw;
    margin: 0vw;
    padding: 5vw 0vw 5.6vw;
}
.share02_middle{
	display: flex;
    justify-content: space-around;
}
.share02_middle_one,.share02_middle_two,.share02_middle_three,.share02_middle_four{
	position: relative;
}
.share02_middle_one img,
.share02_middle_two img,
.share02_middle_three img,
.share02_middle_four img{
	width: 13.89vw;
    height: 13.89vw;
}
.share02_middle_one span,
.share02_middle_two span,
.share02_middle_three span,
.share02_middle_four span{
    position: absolute;
    font-size: 3.24vw;
    top: 16vw;
    width: 150%;
}
.share02_bottom{
	background-color: white;
    margin-top: 4.17vw;
    width: 91.67vw;
    height: 13.89vw;
    font-family: 微软雅黑;
    font-size: 4.26vw;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    color: rgb(250, 172, 20);
    border-radius: 10px;
}
#friendster_span{
	left:-12.5%;
}

.figure_title_img{
	width: 0.74vw;
    height: 4.33vw;
    }
.figure_title_img img{
	width: 100%;
	height: 100%;
} 
.figure_title{
    margin-left: 4.63vw;
    height: 9.26vw;
    display: flex;
    align-items: center;
}
.back img{
	width: 100%;
	height: 100%;
}
.back{
	width:8.0vw ;
	height:8.0vw ;
	position: fixed;
	bottom: 32.0vw;
	z-index: 66;
	right: 3vw;
	opacity: 0.8;
}
@media only screen and (max-width:480px ) {
	.p02 {
	    line-height: 3.8vw;
	    /*letter-spacing: 1.3px;*/
	}
	#span02 {
    	margin-left: 64.5%;
    }
    .comment_title_top_rightimg{
    	margin-top: 0vw;
    }
	.comment_right_bottom_two_img img, .comment_right_bottom_three_img img {
		position: relative;
	    
	}
	 .two021, .three021, .four021 {
	    margin-bottom: 0vw;
	}
}
@media only screen and (max-width:411px ) {
	.p02 {
	    line-height: 4.7vw;
	}
	#span02 {
    	margin-left: 65.5%;
    }
   .comment_right_bottom_two_img img, .comment_right_bottom_three_img img {
		position: relative;
	    top: -0.8vw;
	}
    .comment_title_top_rightimg{
    	margin-top: -1.0vw;
    }
    .two021, .three021, .four021 {
	    margin-bottom: 1.0vw;
	}
}
@media only screen and (max-width:360px ) {
	.p02 {
	    line-height: 3.8vw;
	}
	#span02 {
    	margin-left: 63.5%;
    }
   .comment_right_bottom_two_img img, .comment_right_bottom_three_img img {
		position: relative;
	    top: -1.2vw;
	}
    .comment_title_top_rightimg{
    	margin-top: -3.0vw;
    }
    .two021, .three021, .four021 {
	    margin-bottom: 2.0vw;
	}
}